<%@ page contentType="text/html; charset=UTF-8"%>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="static/jquery.min.js"></script>

</head>

<body>
	<div  id="move" style="width: 200px;height: 100px;border-color: blue;background-color: green;position: relative;">
	
	</div>
</body>
<script type="text/javascript"> 
var wit=window.screen.width /2;

var hei=-((window.screen.height/2)-100) ;

	 $("#move").animate({left:wit},3000).animate({bottom:hei},3000);
		
 </script> 
</html>